@charset "utf-8";

body {
	width: 100%; background-color: #000;
}
html {
	width: 100%; background-color: #000;
}
body {
	letter-spacing: 1px; 
	font-family: "微软雅黑","宋体"; 
	font-size: 14px; 
/*	box-shadow: 0px 0px 160px 0px #4b7bd2;*/
	-ms-user-select: none; 
	background-color: #000000; 
	-webkit-user-select: none;
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
    margin: 0;
    padding: 0;
}
.app {
	margin: 0px auto; width: 640px; box-sizing: border-box; background-size: cover;
}


table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;margin: 0;padding: 0;}
em{font-style:normal}
img{border:none}
input,img{vertical-align:middle;}
input,select,textarea{outline:0;-webkit-appearance:none}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1}
a{text-decoration:none;}
a:active{text-decoration:none;}
section,aside,header,footer,hgroup,article{display:block}
.show{display: block}
.hide{display: none}
/*index*/
.p-index {position:absolute;margin:0 auto;width:640px; overflow: hidden;
background-image:url('../images/bg1.jpg');
background-repeat:no-repeat;
background-size:100% 100%;
}
body.index .p-index{display:none}
body.end .p-index{opacity:0}
body.end .p-index.show{opacity:1}
body.start{background:#000!important}
/*模块 m-*/
.m-page { position:absolute; left:0; top:0; height:960px; width:640px;}
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block; }
.m-box{position:absolute;left:10%;top:50%;width:80%;margin:-120px auto 0;text-align: center;color:#fff;}
.m-img{background-position: center;background-position: no-repeat;height: 960px;width: 100%;}
.m-ico{width:66px;height:66px;margin:0 auto;background-position: center;background-position: no-repeat;background-size: 66px}
/* global */

.container{margin:0 auto;width:640px;}
.m-page img{position:absolute;}


.m-page .arrow-tips{left:50%;margin-left:-25px;bottom:40px;width:50px;}

.m-page01 .arrow-tipsup{left:50%;margin-left:-25px;top:40px;width:50px;-webkit-transform:translate(0,18px);}



@-webkit-keyframes show{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@-webkit-keyframes slideUp{
    0%{
        opacity:0;
        -webkit-transform:translate(0,20px);
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0,0);
    }
}
@-webkit-keyframes slideDown{
    0%{
        opacity:0;
        -webkit-transform:translate(0,-20px);
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0,0);
    }
}
@-webkit-keyframes turnBig{
    0%{
        -webkit-transform:scale(0,0);
    }
    100%{
        -webkit-transform:scale(1,1);
    }
}
@-webkit-keyframes turnSmall{
    0%{
        -webkit-transform:scale(2,2);
    }
    100%{
        -webkit-transform:scale(1,1);
    }
}

@-webkit-keyframes halo {
0% { opacity: 0;-webkit-transform: scale(0.1); }
70% {opacity: 0.7; }
100%{opacity: 0;-webkit-transform: scale(1.2); }
}


.hidden{
	display: none;
}

/* page01 */
.m-page01 .title{top:10%;left:40%;
opacity:100;-webkit-animation:show .6s ease-out forwards;
-webkit-animation-delay:.6s;
}
.m-page01 .button{position:absolute;top:65%;left:20%;
opacity:100;-webkit-transform:translate(0,20px);
-webkit-animation:slideUp .8s ease-out forwards;
-webkit-animation-delay:.8s;
}

.pop{position:absolute;left:0;top:0;width:100%;height:100%;border:0px solid #ccc;z-index:99999;}
.pop_head{position:relative;}
.pop_head a.close{width:60px;height:60px;background:url(../images/closeright.png);position:absolute;right:0px;line-height:60px;text-decoration:none;top:0px;}
.pop_body{padding:0px; width:100%;height:100%; overflow: hidden}

.main-search .tab{position:absolute;left:10px;bottom:0}
.main-search .tab li{display:inline-block;width:80px;height:30px;margin:0 10px 0 0;line-height:30px;border:1px solid #850100;border-radius:4px 4px 0 0;color:#fff;background-color:#990002;font-size:14px;font-weight:bold;text-align:center;cursor:pointer}
.main-search .tab li.on{color:#990002;background-color:#ddd;border-bottom:1px solid #ddd}
.main-search .bd{ padding:0.2rem 0.6rem;background-color:#252525; height:2rem; position:relative} 
.main-search .bd .clear{position:absolute;z-index:999;right:3rem;top:0.25rem;width:0.8rem;height:0.8rem; padding:0.2rem; background-color:#eee; overflow:hidden;display:block;border:0;text-indent:-99rem;
-moz-border-radius: 15px;      /* Gecko browsers */
-webkit-border-radius: 15px;   /* Webkit browsers */
border-radius:15px;}
.search_box{ top:0.1rem; width:46%; background:#222322; border-radius:20px; text-align:center;float: left;}
.search_box input{width:95%; height:2rem; line-height:normal;border-radius:10px;border:none; font-size:0.8rem;background: #222322;color: #9f9f9f;padding-left: 2rem;}
.search_box button{position:absolute; top:0.4rem; left:0.6rem; width:1.2rem; height:1.2rem;   border:none;}

.ico_07{background:url(../images/search06.png)  no-repeat;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; width:1.2rem; height:1.2rem}

.ico_077{background:url(../images/cai.png)  no-repeat;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; width:1.8rem; height:1.2rem}

.ico_0909{background:url(../images/search07.png)  no-repeat ;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; width:1.2rem; height:1.2rem}
/*.single em{ top: 50%; width:90px;height:90px; margin:0 auto;background:url(../images/play.png) no-repeat center center;cursor:pointer;display:block;position:relative;}*/
.single { content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%;background-color:#00cc00; top: 330px; left: 292px; margin-left: -90px; z-index: 3; opacity: 0;
-webkit-transform:translate(0,0);
-webkit-animation: halo 1s infinite ease-out;
-webkit-animation-delay:1.2s;

}


.cailist{width: 100%;}
.cailist ul{margin:0px auto; display:inline-block;}
.cailist ul li{width:45%;float: left;margin: 0;padding: 3px;position: relative;text-align: center;}
.cailist ul li img{width:144px;height: 114px; text-align: center;}
.cailist p img{width:97%;padding: 5px;margin: 0 auto;}

.slideBox .pic img {width: 100%}
.slideBox{position:relative; width:100%;  height:auto; overflow:hidden;margin-left: 0px;margin-top: 10px;}
.slideBox .hd{position:absolute; height:28px; line-height:28px; bottom:0; right:10px; z-index:1;border-bottom:none;padding: 0;}
.slideBox .hd li{display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;}
.slideBox .hd li.on{background:#c9a063;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{position:relative; height:auto;}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.slideBox .bd li .tit{display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;}

.chefinfo{margin:0px auto;padding:3px 0px 0px 0px;width: 310px; display:inline-block;}
.chefinfo h2{color: #fff;font-size: 1rem;height: 1.2rem;line-height: 1.2rem;text-align: left;font-weight: bold;}
.chefinfo .con1{color: #9f9f9f;font-size: 0.8rem;text-align: left;}
.chefinfo .con2{color: #c5a278;font-size: 0.8rem;text-align: left;}

.mainnav{width: 100%;}
.mainnav ul{margin:0px auto;padding:3px 0px 0px 0px;width: 296px; display:inline-block;}

.mainnav ul li{width:144px;height: 114px; float: left;margin: 0;padding: 2px;position: relative;text-align: center;}
.mainnav ul li img{width:100%; text-align: center;}
.mainnav p img{width:97%;padding: 5px;margin: 0 auto;}

.navcaititle{width: 100%;height: 22px;line-height: 22px;text-align: center;color: #c9a063;font-size: 1em;z-index: 99;background: #000;position: absolute;bottom: 0px;opacity:0.50; -moz-opacity:0.50;filter:alpha(opacity=50)}
.mainnav .navtitle{width: 100%;height: 22px;line-height: 22px;text-align: center;color: #c9a063;font-size: 1em;z-index: 99;background: #000;position: absolute;bottom: 0px;opacity:0.50; -moz-opacity:0.50;filter:alpha(opacity=50)}
.mainnav .caititle{width: 100%;height: 22px;line-height: 22px;text-align: center;color: #c9a063;font-size: 1rem;max-width: 165px;z-index: 9999;}
.productdetail{width: 100%;position: relative;height: 180px;margin-top: 3rem;}
.productdetail .chefmainchair{width: 140px;float: left;padding-left: 5px;position: relative;}
.productdetail .chefmainchair img{width: 100%;}
.productdetail .chefmainchair .cheftaocan {background:url(../images/taocai2.png) no-repeat;width: 128px;height: 37px;position: absolute;bottom: 0px;line-height: 37px;}
.productdetail .chefmainchair .cheftaocan span{width: 25px;display: block;text-align: center;float: left;height: 37px;line-height: 37px;}
.productdetail .chefmainchair .cheftaocan em{width: 100px;display: block;float: left;color: #fff;font-size: 0.8rem;text-align: center;font-family: "微软雅黑","宋体";}
.productdetail .chefrightdiv{width: 160px;color: #fff;float: left;padding-left: 10px;}
.productdetail .chefrightdiv .chefname{color: #fff;font-size: 1.2rem;width: 100%;text-align: left;height: 1.5rem;line-height: 1.5rem;}
.productdetail .chefrightdiv .cheftitle{color: #929292;font-size: 1rem;width: 100%;text-align: left;}
.productdetail .chefrightdiv .chefdetail{color:#929292;font-size: 1rem;width: 100%;margin-top: 10px;}
.productdetail .chefrightdiv .chefdetail i{color: #fff;}
.productdetail .chefrightdiv .goorder{height: 46px;line-height: 46px;font-size: 1rem;background:url(../images/bg3.png) no-repeat;}
.productdetail .chefrightdiv .goorder a{color: #fff;}


.cheflist{margin: 0 auto;width: 99%;background-color: #252525;}
.cheflist ul{background-color: #252525 !important;}
.cheflist ul li {height: 5rem;position: relative;float: left;width: 100%;margin-top: 5px;margin-bottom: 5px;background-color: #252525;}

.cheflist .chefavatar{float: left;width: 5rem;height: 5rem;}
.cheflist .chefavatar img{width: 100%;height: 100%;border-radius: 10px;}
.cheflist .chefcontent{float: left;padding-top:0.5rem;width: 15rem;}
.cheflist .chefcontent .cheftitle{color: #9e9e9e;font-size: 0.8rem;padding-left: 1rem;height: 1.5rem;}
.cheflist .chefcontent .chefname{color: #fff;font-size: 1rem;width: 100%;height: 1.5rem;line-height: 1.5rem;padding-top:1rem;padding-left:1rem}

.cheflist .chefcontent .shopname{color: #fff;font-size: 1rem;width: 100%;height: 1.5rem;line-height: 1.5rem;padding-top:0.3rem;padding-left:1rem}



.cheflist .caixilogo{position: absolute;top: 0px;right: 0px;}
.cheflist .caixilogo img{height: 2rem;}
#ft{/*position:fixed; bottom:0;*/display: block;height:37px;line-height: 37px; width:100%; text-align:center;color: #9f9f9f;font-size: 1em;}
#ft a{color:#c9a063}
